<template>
    <div>
<!--        指针-->
        <div class="pointer" v-show="flags">
            <img src="../img/needle-ip6.png" alt="" id="pointer" ref="pointer">
        </div>
<!--        播放按钮-->
        <footer>
            <audio :src="audiourl" @timeupdate="chagetime" controls v-show="false" ref="audio"></audio>
            <van-slider v-model="value" bar-height="4px" active-color="#ee0a24"  @change="onChange" class="slider"  :max="max" />
            <div class="start">
                <img src="../img/play.png" alt="" v-show="flag" @click="start">
            </div>
            <div class="start">
                <img src="../img/pause.png" alt="" v-show="!flag" @click="start">
            </div>
            <div class="left">
                <img src="../img/pre_l.png" alt="">
            </div>
            <div class="left-box">
                <img src="../img/循环.png" alt="">
            </div>
            <div class="right">
                <img src="../img/pre_r.png" alt="">
            </div>
            <div class="right-box">
                <img src="../img/列表.png" alt="">
            </div>
        </footer>
    </div>
</template>

<script>
    export default {
        name: "playback"
    }
</script>

<style scoped>

</style>